:root{
    --theme-bg-color: #fff;
    /* --theme-bg-head-color: #f5f5f5ab; */
    /* --theme-bg-foot-color: #F5F5F5; */
    --theme-text-color: #333333;
    --theme-br-color: #CCCCCC;
}

:root.dark{
    --theme-bg-color: #141414;
    /* --theme-bg-head-color: #000000a4; */
    /* --theme-bg-foot-color: #000000; */
    --theme-text-color: #E0E0E0;
    --theme-br-color: #333333;
}


::view-transition-new(root),
::view-transition-old(root){
    animation: none;
}

.dark::view-transition-old(root){
    z-index: 9999;
}

#app{
    background-color: var(--theme-bg-color) !important;
    color: var(--theme-text-color) !important;
    /* border-color: var(--theme-br-color) !important; */

    /* background-color: var(--ant-color-bg-container);
    color: var(--ant-color-text); */
}